<header>
    控制信息捕获
</header>
<div class="version">
    0.2.0 新增，且只支持Web端，如果后续有需要会进行兼容扩展
</div>
<h2>
    引入
</h2>
<pre tag="javascript">
import { viewHandler } from "vislite"
</pre>
<h2>
    语法
</h2>
<pre tag="javascript">
viewHandler(function(params){
    // todo
})
</pre>
<p>
    当鼠标或者键盘进行操作的时候，会触发回调，回调函数有一个形参，格式如下：
</p>
<pre tag="javascript">
params: {
    type: string
    value: number
    normal: number[],

    // v0.4.1开始支持
    event: Event   
}
</pre>
<p>
    其中type表示操作类型，具体可能值如下：
</p>
<table>
    <thead>
        <tr>
            <td>
                值
            </td>
            <td>
                类型
            </td>
            <td>
                说明
            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                lookUp
            </td>
            <td>
                向上
            </td>
            <td>
                按下键盘向上方向键触发
            </td>
        </tr>
        <tr>
            <td>
                lookDown
            </td>
            <td>
                向下
            </td>
            <td>
                按下键盘向下方向键触发
            </td>
        </tr>
        <tr>
            <td>
                lookLeft
            </td>
            <td>
                向左
            </td>
            <td>
                按下键盘向左方向键触发
            </td>
        </tr>
        <tr>
            <td>
                lookRight
            </td>
            <td>
                向右
            </td>
            <td>
                按下键盘向右方向键触发
            </td>
        </tr>
        <tr>
            <td>
                rotate
            </td>
            <td>
                旋转
            </td>
            <td>
                使用鼠标左键按下拖动的时候触发，此时normal表示滚动法向量，满足右手螺旋法则，value表示旋转弧度
            </td>
        </tr>
        <tr>
            <td>
                hover
            </td>
            <td>
                悬浮
            </td>
            <td>
                在鼠标左键没有按下的情况下移动鼠标的时候触发（v0.4.1开始支持）
            </td>
        </tr>
        <tr>
            <td>
                scale
            </td>
            <td>
                缩放
            </td>
            <td>
                滚动鼠标滚轮的时候触发，此时value表示缩放倍数
            </td>
        </tr>
    </tbody>
</table>